<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body styleClass="pageCover">
		<ui:include src="/menuTemplate.xhtml" />	
		<h:form>
			<icecore:config render="true" />
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid styleClass="contentClass">	
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar pedido -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['orderPedido.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info materia prima-->
								<ice:outputText value="#{etiqueta['ordenPedido.fechaRegistro']}"></ice:outputText>
								<ace:dateTimeEntry 
									id="campoFecha"
									showOn="button"
									renderAsPopup="true"
									timeZone="#{ordenPedidoBean.timeZone}"
									pattern="#{constante['formatoFechaLargo']}"
									rendered="true"
									navigator="true"
									popupIcon="../estilos/css/imagenes/cal_button.gif"
									popupIconOnly="true"
									value="#{ordenPedidoBean.pedido.fechaRegistro}" 
									style="width:80%"
									timeOnly="false"
									readOnlyInputText="true"
									minHour="0"
									maxHour="23"> 
								</ace:dateTimeEntry>
								
								<ice:outputText value="#{etiqueta['ordenPedido.cliente']}"></ice:outputText>
								<ice:selectOneListbox 
									partialSubmit="true" 
									partialSubmitDelay="500"
									size="1" 
									value="#{ordenPedidoBean.pedido.cliente.idcliente}">
									<f:selectItems value="#{ordenPedidoBean.itemsClientes}"></f:selectItems>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['ordenPedido.observaciones']}"></ice:outputText>
								<ice:inputTextarea
									value="#{ordenPedidoBean.pedido.observaciones}"
									maxlength="200">
								</ice:inputTextarea>
								
							</ice:panelGrid>
							
							<ace:panel
								header="#{etiqueta['ordenPedido.lienasDePedido.titulo']}"
								collapsed="#{ordenPedidoBean.collapsed}"
								toggleable="true">
								<f:facet name="options">
									<ace:menu id="menu">
			                            <ace:menuItem 
			                            	value="#{etiqueta['boton.agregar']}"
			                            	icon="../estilos/css/imagenes/Add-icon.png" 
			                            	actionListener="#{ordenPedidoBean.abrirPopupLineaPedido}"
			                            	onclick="popupIngresoLineaPedido.show();"
			                            	styleClass="iconsize">
			                            </ace:menuItem>
		                            </ace:menu>
								</f:facet>
								<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
									<style type="text/css">
							            /* Important required because row */
							            .ui-datatable-odd {background-color:lightgray !important;}
							        </style>
						        </ice:panelGrid>
						        
						        <ace:dataTable id="listaLineasPedido"
									rows="10"
									var="linea"
									value="#{ordenPedidoBean.lineasPedido}"
									paginator="true"
						            paginatorPosition="bottom">
						            <ace:column headerText="#{etiqueta['ordenPedido.lienasDePedido.producto']}">
										<ice:outputText value="#{linea.producto.nombre}">
										</ice:outputText>
									</ace:column>
									<ace:column headerText="#{etiqueta['ordenPedido.lienasDePedido.cantidad']}">
										<ice:outputText value="#{linea.cantidad}">
										</ice:outputText>
									</ace:column>
						        </ace:dataTable>
							</ace:panel>
							<ace:panel styleClass="centrarGrupo">
								<ice:panelGrid columns="3">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" actionListener="#{ordenPedidoBean.guardarPedido}"
										rendered="#{not ordenPedidoBean.editandoPedido}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.consultar']}" actionListener="#{ordenPedidoBean.consultarPedidos}">
									</ice:commandButton>
								</ice:panelGrid>
							</ace:panel>
						</ice:panelGrid>
						
						<ui:include src="../pedido/lineaPedido.xhtml" />
						
						<!--<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<style type="text/css">
					            /* Important required because row */
					            .ui-datatable-odd {background-color:lightgray !important;}
					        </style>
							<ace:dataTable id="listaRegistrosMP"
								rows="10"
								var="pedido"
								value="#{ordenPedidoBean.pedidosAProduccion}"
								paginator="true"
					            paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['recepcionMP.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['recepcionMP.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}"
											actionListener="#{ordenPedidoBean.seleccionarPedido}"
											image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idPedido" value="#{pedido.idpedido}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['boton.calculoConsumoDeMateriaPrima']}"
											actionListener="#{ordenPedidoBean.calcularConsumoDeMateriaPrimaPorPedido}"
											image="../estilos/css/imagenes/document-lines-16.gif">
											<f:attribute name="idPedido" value="#{pedido.idpedido}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['boton.cancelarPedido']}" 
											image="../estilos/css/imagenes/Actions-edit-delete-icon.png"
											panelConfirmation="cancelarPedido"
											actionListener="#{ordenPedidoBean.cancelarOrdenPedido}" 
											styleClass="iconsize">
											<f:attribute name="idPedido" value="#{pedido.idpedido}"/>
										</ice:commandButton>
										
										<ice:panelConfirmation id="cancelarPedido" 
											autoCentre="true"
											acceptLabel="#{etiqueta['boton.aceptar']}"
											cancelLabel="#{etiqueta['boton.cancelar']}"
											message="#{etiqueta['ordenPedido.confirmacion.cancelarPedido']}">
										</ice:panelConfirmation>
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['ordenPedido.tablaPedidos.fechaRegistro']}">
									<ice:outputText value="#{pedido.fechaRegistro}">
										<f:convertDateTime pattern="#{constante['formatoFechaCorto']}"/>
									</ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['ordenPedido.tablaPedidos.cliente']}">
									<ice:outputText value="#{pedido.cliente.nombre}">
									</ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['ordenPedido.tablaPedidos.observaciones']}">
									<ice:outputText value="#{pedido.observaciones}">
									</ice:outputText>
								</ace:column>
								
							</ace:dataTable>
						</ice:panelGrid>-->
						<ui:include src="../pedido/consumoDeMateriaPrima.xhtml" />
						
						<div class="divOrderColumn">
							<ice:panelGrid styleClass="orderColumn" columnClasses="centrarGrupo" columns="3">
								<ace:panel styleClass="orderTitle">
									<ice:outputText value="#{etiqueta['ordenPedido.estadoPendiente']}" >
									</ice:outputText>
									<ice:commandButton title="#{etiqueta['boton.calculoConsumoDeMateriaPrima']}"
										actionListener="#{ordenPedidoBean.calcularConsumoDeMateriaPrimaTodosLosPedidosPendientes}"
										image="../estilos/css/imagenes/document-lines-16.gif">
									</ice:commandButton>
								</ace:panel>
								<ace:panel  styleClass="orderTitle">
									<ice:outputText value="#{etiqueta['ordenPedido.estadoAProduccion']}">
									</ice:outputText>
									<ice:commandButton title="#{etiqueta['boton.calculoConsumoDeMateriaPrima']}"
										actionListener="#{ordenPedidoBean.calcularConsumoDeMateriaPrimaTodosLosPedidosAProduccion}"
										image="../estilos/css/imagenes/document-lines-16.gif">
									</ice:commandButton>
								</ace:panel>
								<ace:panel  styleClass="orderTitle">
									<ice:outputText value="#{etiqueta['ordenPedido.estadoCancelado']}">
									</ice:outputText>
								</ace:panel>
							</ice:panelGrid>
						</div>
						<ice:panelGroup styleClass="scrollOrder">
							<ice:panelGrid id="pedidosCreados" styleClass="CSSTableGenerator" columns="3">
								<ace:panel id="pendientes" styleClass="templateCover">
									<ice:repeat 
										var="pedido"
										value="#{ordenPedidoBean.pedidosPendientes}">
										<ui:include src="../pedido/templateOrdenVenta.xhtml" />
									</ice:repeat>
								</ace:panel>
								<!-- <ace:panel id="aProduccion" styleClass="droppableSlot">-->
								<ace:panel id="AProduccion" styleClass="templateCover">
									<ice:repeat 
										var="pedido"
										value="#{ordenPedidoBean.pedidosAProduccion}">
										<ui:include src="../pedido/templateOrdenVenta.xhtml" />
									</ice:repeat>
									<ace:droppable tolerance="pointer" scope="#{2}" activeStyleClass="activatedSlot"
										dropListener="#{ordenPedidoBean.cambiarPedidoPendienteAPedidoAProduccion}">
										 <ace:ajax execute="@this" render="@form" />
									</ace:droppable>
								</ace:panel>
								<ace:panel id="ACancelar" styleClass="templateCover">		
									<ice:repeat 
										var="pedido"
										value="#{ordenPedidoBean.pedidosCancelados}">
										<ui:include src="../pedido/templateOrdenVenta.xhtml" />
									</ice:repeat>
									<ace:droppable tolerance="pointer" scope="#{1}" activeStyleClass="activatedSlot"
										dropListener="#{ordenPedidoBean.cambiarPedidoAProduccionAPedidoCancelado}">
										<ace:ajax execute="@this" render="@form" />
									</ace:droppable>
								</ace:panel>							
							</ice:panelGrid>
						</ice:panelGroup>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>